<template>
    <div class="search">
        搜索页面
        <div>
            <input placeholder="请输入搜索内容" v-focus />
        </div>
    </div>
</template>

<script lang="ts" setup>
//局部注册指令--在组合式 API 语法糖中的简写形式
// 注意变量命名规范
import vFocus from '@/directives/focus'




/* import focusDirectiveOptions from '@/directives/focus'

// 局部注册指令--选项式API写法
defineOptions({
    directives: {
        focus: focusDirectiveOptions,
    }
}) */

</script>

<style lang="less" scoped></style>
